<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>视频通话页面</title>
    <link rel="stylesheet" href="css/zcm-main.css"/>
    <link rel="stylesheet" href="layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="css/public.css" media="all"/>

    <script type="text/javascript" src="js/jquery-3.6.0.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>
    <script type="text/javascript" src="layui/layui.js"></script>
    <script type="text/javascript" src="layer/layer.js"></script>

    <script type="text/javascript" src="js/constants.js"></script>

    <script src="rtc/js/trtc.js"></script>
    <script src="js/k-commonRTC.js"></script>
    <script src="rtc/js/rtc-client.js"></script>
    <script src="rtc/js/share-client.js"></script>
    <script src="rtc/js/presetting.js"></script>
    <script src="rtc/js/rtc-detection.js"></script>
    <script type="text/javascript" src="placeholder.js"></script>

    <script type="text/javascript">
        function onClickListBtn() {
            parent.parent.showInquiryList();
        }
    </script>
</head>
<body>
<div id="defaultShow" class="flex position-relative" style="width: 605px;height: 750px;">
    <img id="defaultShowImg" src="img/inquiry/placeholder.png" style="width: 100%;height: 100%;"/>
    <img id="btn" src="img/inquiry/inquiry_list_btn.png" onclick="onClickListBtn()"
         style="width: 69px;height: 174px;position: absolute;left: -10px;top: 149px;"/>
</div>

<div id="linkShow" class="position-relative" id="shipinBox" style="width: 605px;height: 750px;">

    <div id="jie-left-video1" style="width:605px;height:750px;border:1px #eeeeee solid;">
        <!--        <div id="main-video" style="width:605px;height:750px;" mark="remote"></div>-->
        <div id="video-grid" style="width:605px;height:750px;" mark="remote"></div>
    </div>

    <div id="jie-left-video2" style="width:230px;position:absolute;right:0;bottom:0;border:1px #eeeeee solid;">
        <!--        <div id="video-grid" style="width:100%;height:230px;" mark="remote"></div>-->
        <div id="main-video" style="width:100%;height:230px;" mark="local"></div>
    </div>


    <div id="camera-option"></div>
    <div id="mic-option"></div>

    <div id="jie-left-video3" style="width:300px;position:absolute;left:100px;bottom:20px;border:0 #eeeeee solid;">
        <button type="button" class="layui-btn layui-btn-radius layui-btn-normal" onclick="toZanting()"
                style="margin-right: 30px">暂停
        </button>
        <button type="button" class="layui-btn layui-btn-radius layui-btn-danger" onclick="toLeave()">挂断</button>
    </div>


</div>


</body>
</html>
